<template>
    <div class="contact-header">
        <el-row>
            <el-col :span="2">
                <el-row>
                    <el-col :span="12">
                        <img src="/src/assets/icon/svg/通讯录 (1).svg" alt="" style="width: 40px;position: relative;top: 4px;">
                    </el-col>
                    <el-col :span="12" style="line-height: 46px">
                        通讯录
                    </el-col>
                </el-row>
            </el-col>

            <el-col :span="3" :offset="19">
                <el-row class="aaa">
                    <el-col :span="18">
                        <el-button type="primary" @click="exportOrganizationContactsClick">导出Excel</el-button>
                    </el-col>
                    <el-col :span="6">
<!--                        更多-->
                    </el-col>
                </el-row>
            </el-col>
        </el-row>
    </div>
</template>

<script>
import {exportOrganizationContacts} from "../../../../network/sys/contacts";

export default {
    name: "ContactHeader",
    methods: {
        exportOrganizationContactsClick(){
            exportOrganizationContacts().then(vo=>{
                this.$utils.exportExcel({
                    data: vo,
                    fileName: '员工通讯录'
                })
            })
        }
    }
}
</script>

<style scoped>
*{
    /*border: 1px solid red;*/
}
.contact-header{
    width: 100%;
    /*height: 100%;*/
}
.header-icon .el-col{
    /*line-height: 42px;*/
}
/*.aaaa .el-row .el-col{*/
/*    line-height: 42px;*/
/*}*/
.aaa .el-col{
    line-height: 46px;
}

</style>